<template>
	<div class="h5-list border-top-bottom-default">
            <div class="h5-list-box">
                <div class="h5-list-flex h5-list-title border-bottom-primary green">
                    <div class="h5-list-title-img"><img src="../../assets/images/title-partner.png"></div>
                    共同购房者
                </div>
                <div class="content" v-for="(row,index) in familyList">
                    <div class="h5-list-flex h5-height-default border-bottom-primary">
                        <div class="h5-item-label">姓名：</div>
                        <div class="h5-item-content">{{row.memberName}}</div>
                    </div>
                    <div class="h5-list-flex h5-height-default border-bottom-primary">
                        <div class="h5-item-label">证件类型：</div>
                        <div class="h5-item-content">{{row.documentType}}</div>
                    </div>
                    <div class="h5-list-flex h5-height-default border-bottom-primary">
                        <div class="h5-item-label">证件号码：</div>
                        <div class="h5-item-content">{{row.documentNumber}}</div>
                    </div>
                    <div class="h5-list-flex h5-height-default">
                        <div class="h5-item-label">手机号码：</div>
                        <div class="h5-item-content">{{row.mobile}}</div>
                    </div>
                </div>
            </div>
        </div>
</template>

<script type="text/javascript">
	export default{
		props: ['buyId','memberType'],
		data(){
			return{
				familyList:[]
			}
		},
		watch:{
			'buyId':function(newValue,oldValue){
				var _self = this;
				var params = {
					buyId:newValue,
					memberType:_self.memberType
				};
				var url = _self.utilHelper.apiUrl+'/wordFlowData/familyMemberList';
				_self.$http.post(url,params).then((response)=>{
					_self.familyList=response.body;
				});
				
			}
		}
		
	}
</script>
